<template>
  <div class="footer">
    <div class="help-cont">
      <div class="help-cont-inner">
        <div class="Bottom1_1">
          <a href="others.html">隐私政策</a>
          <span>|</span>
          <a href="others.html">商品尺寸</a>
          <span>|</span>
          <a href="others.html">公司概述</a>
          <span>|</span>
          <a href="others.html">问题咨询</a>
        </div>
        <div class="Bottom_search">
          <el-input
            placeholder="站内搜索"
            size="mini"
            prefix-icon="el-icon-search"
            v-model="searchContent"
            @change="search">
          </el-input>
        </div>
      </div>
    </div>
    <div class="bottom">
      <div class="banquan">Copyright @ 2015<br/></div>
      <div class="Bottom2_1">
        <img src="../assets/images/logo.png" style="width: 91px;height: 50px;margin-top: 20px;" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Footer',
  data () {
    return {
      searchContent: ''
    }
  },
  methods: {
    search (value) {
      console.log(value)
    }
  }
}
</script>

<style scoped lang="less">
.footer {
  height: 121px;
  width: 100%;

  .help-cont {
    width: 100%;
    height: 46px;
    background-color: #ECECEC;

    .help-cont-inner {
      height: 100%;
      margin: 0 auto;
      width: 980px;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .Bottom1_1 {
        a {
          font-size: 12px;
          text-decoration: none;
          color: #666;
        }

        span {
          padding: 5px;
        }
      }
    }
  }

  .bottom {
    width: 980px;
    margin: 0 auto;
    height: 75px;
    .banquan{
      font-size: 12px;
      float: left;
      color: #5A5A5A;
      padding-top: 10px;
    }
    .Bottom2_1 {
      float: right;
    }
  }
}
</style>
